 var path = require('path')
 var htmlWebpackplugin = require('html-webpack-plugin')

 module.exports = {
     entry:path.join(__dirname, './src/main.js'),
     output:{
         path: path.join(__dirname, './dist'),
         filename : 'bundle.js'
     },
     plugins:[
         new htmlWebpackplugin({
             template:path.join(__dirname, './src/index.html'),
             filename: 'index.html'
         })
     ],
     module:{//配置 所有第三方 loader模块的
    rules:[
        {test: /\.css$/, use: ['style-loader', "css-loader"]},
        //{test: /\.less$/, use: ['style-loader', "css-loader", 'less-loader']},
        {test: /\.scss$/, use: ['style-loader', "css-loader", 'sass-loader']},
        //{test: /\.(jpg|png|gif|bmp|jpeg)$/, use: ['url-loader']},//处理图片路径的
        {test: /\.(jpg|png|gif|bmp|jpeg)$/, use: ['url-loader?limit=55513&name=[name].[ext]']},
        { test: /\.(ttf|eot|svg|woff|woff2)$/, use: 'url-loader' }, // 处理 字体文件的 loader 
        { test: /\.js$/, use: 'babel-loader', exclude: /node_modules/ }, // 配置 Babel 来转换高级的ES语法
        { test: /\.vue$/, use: 'vue-loader' },    
    ]
     },
     resolve: {
        alias: { //2.设置 vue 被导入包的路径
            // "vue&":  "vue/dist/vue"

        }
    }
 }